/* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } h1,h2,h3,h4,h5,h6{font-weight: normal;} body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333; background:#fff;overflow-x: hidden;} a { text-decoration: none; color: #333;display: block;} p{color: #434343;} a:hover {text-decoration: none} a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none} div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;} form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;} em{font-style: normal; font-weight: normal} table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} input{outline: none;} .cl{height: 0px; clear: both;} .fl{float: left; display: block;} .fr{float: right;} .container{width:1500px; margin:0 auto; height: 100%;} .ny-container{width:1400px; margin:0 auto; height: 100%;} .containerv{width:1655px; margin:0 auto; height: 100%;} .c{*zoom:1;} .c:after{content: ""; display: block; height: 0; clear: both;} .txt-c{text-align: center;} .txt-l{ text-align: left !important;} .txt-r{text-align: right;} .bg-black{background: #000;} .col-black{color: #000;} .col-white{color: #fff !important;} strong{ font-weight: bold;} i{font-style: normal;} .m{ margin: 0 auto;} .blue{color:#0056a1;} /* CSS Document */ .index-news a:hover { border-color: #1648c7; box-shadow: 0 4px 20px rgb(22 72 199 / 30%); } /*head*/ .header .container{position:relative;z-index: 2; } .head{width:100%;height: 120px;background: #FFFFFF;} .logo{margin-top: 27px;} .head .wx{margin-top: 35px;} .head .wx p{background: url(../images/phone.png)no-repeat left center;padding-left: 35px;color: #428acb;font-size: 24px;font-weight: bold;font-family: arial;display: inline-block;margin-left: 25px;margin-right: 40px;} .head .wx span{cursor: pointer;} .head .wx span:hover img:nth-child(2){opacity: 1;} .head .wx img:nth-child(2){opacity: 0;transition: all 0.4s;position: absolute;top: 85px;right: 22.4%;z-index: 2;} .head-nav{width: 60%;margin-left: 5%;} .head-nav li{position: relative; width: calc(100% / 7);} .head-nav ul{display: flex;} .head-nav li>a span{display: block; font-size: 16px;line-height: 107px; position: relative;height:100px;width: 80px;text-align: center;} .head-nav li>a span:after{position: absolute; content: ''; width: 0; height: 2px; background: #428acb; bottom: 19px; left: 50%;} .head-nav li:hover a span:after,.head-nav ul li.on a span:after{width: 100%; left: 0; transition:0.6s} .head-nav .on>a{color: #428acb;} .head-nav li:hover>a{color: #428acb;} .navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;padding-top:5px ; transition: all 0.6s;} /*.nav li:hover>a,.nav li.on>a{color: #fff;}*/ .head-nav .nav-hide{z-index: 99; display: none;position: absolute; top: 100px; width: 180px; background: #fff; left: 22%; margin-left: -90px;text-align: center; z-index: 2;} .head-nav .nav-hide em{} .head-nav .nav-hide em a{display: block; font-size: 15px; line-height: 48px; color: #666;border-bottom: solid 1px #666; } .head-nav .nav-hide em a:hover{background: #fff; color: #008CD6;} .head-nav ul li:hover .nav-hide{display: block;} /*搜索*/ .search{margin-top: 43px;} .search img{cursor: pointer;} .search form{position: absolute;top: 95px;right: 5%;margin-top:10px;box-shadow:1px 1px 10px rgba(0,0,0,0.15);width:270px;height:45px;border-radius:50px;background: #fff;overflow: hidden;display:none; z-index: 2} .search form input{outline: none;} .search form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:left} .search form .submit{width:70px;text-align: center; background: #428acb;color:#fff;float:right;height:45px;line-height: 45px;text-align: center;border:none;cursor: pointer;} #nav li{position: relative;} #nav li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 7%; margin-left: -46px; display: none;position: absolute;z-index: 2; background: white;} #nav li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: center; width: 156px;font-size: 14px} #nav li .hide em:last-child a{border-bottom: none;} #nav li .hide em a:hover{color: #428acb;transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;} .head .ser{margin-top:50px;} /*bnner*/ .banner .swiper-slide img{width: 100%;display: block;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;} .banner .swiper-pagination-bullet{background: #FFFFFF;opacity: 1;} .banner .swiper-pagination-bullet-active{background: #428acb;} .present-banner .swiper-slide img{display: block;width: 100%;} .present-banner2 .swiper-slide img{display: block;width: 100%;} .core-banner .swiper-slide img{display: block;width: 100%;} .core-banner4 .swiper-slide img{display: block;width: 100%;} .connect-banner .swiper-slide img{display: block;width: 100%;} .use-banner .swiper-slide img{display: block;width: 100%;} .media-banner .swiper-slide img{display: block;width: 100%;} /*about*/ .about{height: 520px;background: url(../images/about-bg.png)no-repeat right bottom 53px #fafafa;position: relative;} .about ul{display: flex;} .about ul li{width: calc(100% / 4);text-align: center;height: 140px;margin: 68px 0px 67px 0px;border-right: 1px solid #e6e6e6;} .about ul li:last-child{border-right: none;} .about ul li em{font-size: 60px;font-family: impact;color: #428acb;} .about ul li p{font-size: 18px;color: #4c4c4c;} .about .title{width: 48%;} .about .title em{font-size: 36px;font-weight: bold;color: #333333;} .about .title p{font-size: 18px;color: #666666;line-height: 33px;margin-top: 20px;} .about .ck{width: 55px;height: 55px;background: #428acb;text-align: center;line-height: 55px;float: right;position: absolute;right: 25.4%;bottom: 35px;} .about .ck img{margin-top: 20px;} .about .ck2{width: 205px;height: 60px;display: block;border-radius: 50px;margin: auto;text-align: center;line-height: 60px;border: 1px solid #d9d9d9;margin-top: 20px;display: none;} /*product*/ .product .title{margin: auto;width: 200px;text-align: center;margin-top: 40px;margin-bottom: 40px;} .product .title em{font-size: 36px;font-weight: bold;color: #333333;} .product .title p{font-size: 14px;color: #333333;font-family: arial;position: relative;bottom: 7px;} .product ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .product ul li{margin-bottom: 15px;width: calc(100% / 5 - 1%);} .product ul li .pic{overflow: hidden;} .product ul li .pic img{display: block;width: 100%;transition: 0.3s;} .product ul li .pic:hover img{transform: scale(1.1);} .product ul li .name{height: 80px;background: #f8f9fb;text-align: center;transition: all 0.4s;color: #333333;overflow: hidden;} .product ul li:hover .name{background: #5292cf;color: #FFFFFF;transition: all 0.4s;} .product ul li:hover .name p{color: #FFFFFF;transition: all 0.4s;} .product ul li em{font-size: 20px;display: block;margin-top: 12px;} .product ul li p{font-size: 12px;position: relative;bottom: 5px;text-transform: uppercase;} .product .ck{width: 205px;height: 60px;display: block;border-radius: 50px;margin: auto;text-align: center;line-height: 60px;border: 1px solid #d9d9d9;margin-top: 80px;margin-bottom: 65px;} .product .ck:hover{background: #5292cf;color: #FFFFFF;} .product .ck em{transition: 0.3s;} .product .ck span{transition: 0.3s;} .product .ck:hover span{padding-right: 10px;} .product .ck:hover em{padding-left: 10px;} /*scope 业务范围*/ .scope .title{font-size: 36px;color: #333333;} .scope .title p{font-size: 14px;font-family: arial;} .scope .fl li{/*width: 25%;*/background: url(../images/scope-arrow.png)no-repeat center right;width: 125%;} .scope .fl li p{margin-right: 5%;width: 36px;height: 49px;background: #428acb;font-size: 20px;color: #FFFFFF;line-height: 21px;text-align: center;padding-top: 6px;display: inline-block;} .scope .fl li img{position: relative;bottom: 50px;left: 15px;} .scope ul li b{font-size: 100px;font-family: "geoslab";color: #428ACB;position: relative;top: 8px;} @font-face { font-family:'geoslab'; src: url('../fonts/TT1019M.TTF'); } .scope ul li span{display: inline-block;font-size: 20px;color: #333333;font-weight: 400;} .scope{margin-bottom: 75px;} .scope .fr{width: 70%;} .scope .fr li{position: relative} .scope .fr li img{width: 100%;display: block;} .scope .fr li:hover div{position: absolute; bottom: 2%;} .scope .fr li div p{width: 9px;height: 9px;background: #e4c951;border-radius: 100%;margin: auto;position: relative;} .scope .fr li div p:after{content: ''; width: 15px;height: 15px;position: absolute;border: 1px solid #E4C951;border-radius: 100%;right: -4px;bottom: -4px;} .scope .fr li div span{font-size: 20px;color: #ffd400;font-weight: bold;text-shadow: 0px 4px #294073;} .scope .fr li div{width: 60px;text-align: center;position: absolute;transition: 0.4s;} .scope .fr li .bmz{top: 22%;left: 18%;animation: dh 2s infinite;} .scope .fr li .nmz{top: 59%;left: 26.5%;animation: dh 2s 0.2s infinite;} .scope .fr li .fz{top: 39%;left: 44.5%;animation: dh 2s 0.4s infinite;} .scope .fr li .oz{top: 19%;left: 56%;animation: dh 2s 0.6s infinite;} .scope .fr li .yz{top: 28%;left: 67.5%;animation: dh 2s 0.8s infinite;} .scope .fr li .dyz{top: 69%;left: 78.5%;animation: dh 2s 1s infinite;} @keyframes dh{ 0%{transform: translateY(0px);} 50%{transform: translateY(10px);} 100%{transform: translateY(0px);} } /*产品应用*/ .cation{background: url(../images/cation-bg.jpg)no-repeat center;height: 100%;overflow: hidden;background-size: cover;} .cation .title{margin: auto;width: 200px;text-align: center;margin-top: 40px;margin-bottom: 40px;text-transform: uppercase;} .cation .title em{font-size: 36px;font-weight: bold;color: #333333;} .cation .title p{font-size: 14px;color: #333333;font-family: arial;position: relative;bottom: 7px;} .cation-list ul{display: flex;flex-wrap: wrap;justify-content: space-around;} .cation-list ul li{width: 200px;height: 180px; text-align: center;margin-right: 3%;margin-left: 3%;margin-bottom: 5%;width: calc(100% / 5 - 6.66%);} .cation-list ul li img{margin-top: 17%;transition: 0.7s;} .cation-list ul li:last-child img{margin-top: 30%;} .cation-list ul li em{font-size: 20px;color: #FFFFFF;display: block;margin-top: 10px;} .cation-list ul li p{font-size: 12px;color: #FFFFFF;font-family: arial;position: relative;bottom: 5px;} .cation-list li{background:#428acb;} .cation-list ul li:hover img{transform:rotateY(180deg);} /*工程应用*/ .ineering .title{margin-top: 4%;} .ineering .title .fl em{font-size: 36px;font-weight: bold;color: #333333;} .ineering .title .fl p{font-size: 14px;font-family: arial;color: #333333;position: relative;bottom: 6px;} .ineering .title .fr{width: 55px;height: 55px;background: #428acb;text-align: center;line-height: 66px;margin-top: 1.1%;} .ineering .title .fr img{margin-top: 15px;} .ineering-banner{position: relative;margin: 3% 0% 5.7% 0%;} .ineering-banner .swiper-container2{overflow: hidden;} /*.ineering-banner .swiper-slide{height: 300px;}*/ .ineering-banner .swiper-button-next:after,.ineering-banner .swiper-button-prev:after{content: none;} .ineering-banner .swiper-button-next,.ineering-banner .swiper-button-prev{width: 43px;height: 60px;} .ineering-banner .swiper-button-next{right: -6%;left: auto;background: url(../images/ineering-right.png)no-repeat center #fafafa;} .ineering-banner .swiper-button-prev{left: -6%;right: auto;background: url(../images/ineering-left.png)no-repeat center #fafafa;} .ineering-banner .swiper-button-next:hover{right: -6%;left: auto;background: url(../images/ineering-rightb.png)no-repeat center #428acb;} .ineering-banner .swiper-button-prev:hover{left: -6%;right: auto;background: url(../images/ineering-leftb.png)no-repeat center #428acb;} .ineering-banner .swiper-container2 .swiper-slide img {display: block;width: 95%;overflow: hidden;transition: 0.4s;} .ineering-banner .swiper-container2 .swiper-slide:hover img{transform: scale(1.1);} /*创新 加入*/ .ationtojoin{height: 400px;width: 100%;display: flex;overflow: hidden;} .ationtojoin .ation{background: url(../images/ation-bg.png)no-repeat center right #f5f5f5;width: 46%;height: 400px;padding-left: 4%;} .ationtojoin .join{background: url(../images/join-bg.png)no-repeat center right #f5f5f5;width: 46%;height: 400px;padding-left: 4%;} .ationtojoin .ation em,.ationtojoin .join em{font-size: 36px;font-weight: bold;color: #333333;margin-top: 103px;display: block;} .ationtojoin .ation p,.ationtojoin .join p{color: #666666;font-size: 16px;width: 48.5%;margin: 20px 0px 58px 0px;text-align: justify;} .ineering{overflow: hidden;} /*foot dibu*/ .foot{height: 382px;background: #222222;} .foot-list{display: flex;} .foot-list ul{width: 100%;display: flex;} .foot-list li{width: calc(100% / 5.5);background: url(../images/end-line.png)no-repeat top 70px right 35%;} .foot-list li:nth-child(4){background: url(../images/end-line.png)no-repeat top 70px right 10%;} .foot-list li em{font-size: 18px;font-weight: bold;color: #FFFFFF;display: block;margin: 60px 0px 23px 0px;} .foot-list li dd a{font-size: 16px;color: #FFFFFF;opacity: 0.4;line-height: 45px;} .foot-list li dd a:hover{color: #fff;} .foot-list li:nth-child(4){width: 20%;margin-right: 4%;} .foot-list li:nth-child(4) dd{float: left;width: 50%;width: 34%;} .foot-list li:nth-child(5){width: 22%;background: none;} .end{height: 55px;background: #141414;line-height: 55px;} .end p a{display: inline-block;color: rgba(255,255,255,0.5);margin-left: 2%;display: inline;} .end p{color: rgba(255,255,255,0.5);font-size: 16px;text-align: center;} .end button{background: none;border: none;color: rgba(255,255,255,0.5);font-size: 16px;margin-top: 17px;cursor: pointer;display: none;} /*内页关于我们 about*/ /*子栏目 1 公司介绍*/ .about-gg{border-bottom: 1px solid #e6e6e6;padding-bottom: 51px;margin-bottom: 52px;text-transform: uppercase;} .about-gg ul{display: flex;padding: 0px 6%;} .about-gg ul li{width: calc(100% / 5);text-align: center;} .about-gg ul li .pic{width: 80px;height: 80px;border: 1px solid #c1c1c1;border-radius: 50px;margin: auto;line-height: 95px;margin-top: 50px;margin-bottom: 20px;} .about-gg ul li .name em{font-size: 16px;font-weight: bold;color: #4c4c4c;} .about-gg ul li .name i{display: block;width: 20px;height: 1px;background: #428acb;margin: auto;margin-top: 5px;margin-bottom: 5px;} .about-gg ul li .name p{color: #737373;font-size: 14px;font-family: arial;} .about-gg ul li:nth-child(1) .pic{background: url(../images/profile-icon.png)no-repeat center center;} .about-gg ul li:nth-child(2) .pic{background: url(../images/vision-icon.png)no-repeat center center;} .about-gg ul li:nth-child(3) .pic{background: url(../images/history-icon.png)no-repeat center center;} .about-gg ul li:nth-child(4) .pic{background: url(../images/cate-icon.png)no-repeat center center;} .about-gg ul li:nth-child(5) .pic{background: url(../images/culture-icon.png)no-repeat center center;} .about-gg ul li:nth-child(1):hover .pic{background: url(../images/profile-iconb.png)no-repeat center center #428acb;transition: all 0.3s;border: none;} .about-gg ul li:nth-child(2):hover .pic{background: url(../images/vision-iconb.png)no-repeat center center #428acb;transition: all 0.3s;border: none;} .about-gg ul li:nth-child(3):hover .pic{background: url(../images/history-iconb.png)no-repeat center center #428acb;transition: all 0.3s;border: none;} .about-gg ul li:nth-child(4):hover .pic{background: url(../images/cate-iconb.png)no-repeat center center #428acb;transition: all 0.3s;border: none;} .about-gg ul li:nth-child(5):hover .pic{background: url(../images/culture-iconb.png)no-repeat center center #428acb;transition: all 0.3s;border: none;} .about-gg ul li:hover .name em{color: #428acb;} .summary .title{text-align: center;} .summary .title em{font-size: 40px;color: #428acb;font-weight: bold;} .summary .title p{font-size: 22px;color: #999999;} .summary-con{background: url(../images/summary-bg.jpg)no-repeat center center;height: 560px;position: relative;margin-top: 50px;} .summary-con .name{height: 150px;width: 100%;background: rgba(70,138,199,0.95);position: absolute;bottom: 0px;} .summary-con .name p{font-size: 15px;color: #FFFFFF;padding: 2% 3% 0% 3%;line-height: 32px;} /*overview 企业概况*/ .overview{height: 600px;margin-top: 55px;} .overview .fl{background: url(../images/overview-right.jpg)no-repeat center center;width: 50%;height: 600px;} .overview .fl img{width: 100%;display: none;} .overview .fr{background: url(../images/overview-left.jpg)no-repeat center center;width: 50%;height: 600px;} .overview .fr em{color: #428ACB;font-size: 40px;font-weight: bold;margin-top: 5%;margin-bottom: 2.5%; margin-left: 7%;display: block;} .overview .fr p{color: #666666;font-size: 15px;line-height: 33px;margin-left: 7%;width: 67%;text-align: justify;} .strength{background: url(../images/overview-bg2.jpg)no-repeat center center;height: 280px;position: relative;bottom: 95px;background-size: cover;} .strength ul{display: flex;} .strength ul li{width: calc(100% / 3);text-align: center;margin-top: 3.5%;} .strength ul li b{font-size: 50px;color: #428ACB;font-family: impact;} .strength ul li em{font-size: 14px;color: #428acb;position: relative;bottom: 30px;left: 8px;} .strength ul li p{font-size: 15px;color: #666666;} .strength ul li span{font-size: 14px;color: #666666;font-family: arial;} /*product 主营产品*/ .about-product .title{text-align: center;width: 73%;margin: auto;} .about-product .title em{font-weight: bold;font-size: 40px;color: #428acb;} .about-product .title p{font-size: 22px;color: #999999;} .about-product ul{display: flex;justify-content: space-between;margin-top: 4%;flex-wrap: wrap;} .about-product ul li{width: calc(100% / 4 - 2.1%);} .about-product ul li .pic{overflow: hidden;} .about-product ul li .pic img{width: 100%;display: block;transition: 0.4s;} .about-product ul li .pic:hover img{transform: scale(1.1);} .about-product ul li .name{height: 51px;text-align: center;line-height: 51px;background: #fafafa;transition: all 0.4s;font-size: 16px;} .about-product ul li:hover .name{background: #428ACB;} .about-product ul li:hover .name p{color: #ffffff;} .about-product .ck{width: 200px;height: 55px;line-height: 55px; text-align: center;font-size: 15px;color: #FFFFFF;border-radius: 5px;margin: auto;display: block;background: #428acb;margin-top: 60px;margin-bottom: 80px;} .about-end{background: url(../images/aboutend-bg.jpg)no-repeat center center;height: 320px;text-align: center;overflow: hidden;} .about-end em{display: block;font-size: 50px;color: #FFFFFF;font-weight: bold;margin-top: 67px;} .about-end span{font-family: arial;font-size: 18px;color: #FFFFFF;position: relative;bottom: 9px;display: block;} .about-end p{font-size: 30px;color: #FFFFFF;margin-top: 10px;} /*子栏目 2 公司意愿*/ .will{margin-top: 30PX;padding: 90px 0;background: url(../images/will-bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;min-height: 100%;text-transform: uppercase;} .will-con{width: 100%;height: 649px;background: #FFFFFF;} .will-con .will-list{display: flex;padding: 0% 9%;} .will-con .will-list li{width: calc(100% / 3);text-align: center;} .will-con .will-list li:nth-child(1){background: url(../images/will-icon.png)no-repeat center top;padding-top: 60px;margin-top: 60px;transition: all 0.2s;} .will-con .will-list li:nth-child(2){background: url(../images/will-icon2.png)no-repeat center top;padding-top: 60px;margin-top: 60px;transition: all 0.2s;} .will-con .will-list li:nth-child(3){background: url(../images/will-icon3.png)no-repeat center top;padding-top: 60px;margin-top: 60px;transition: all 0.2s;} .will-con .will-list li:hover:nth-child(1){background: url(../images/will-iconl.png)no-repeat center top;} .will-con .will-list li:hover:nth-child(2){background: url(../images/will-iconl2.png)no-repeat center top;} .will-con .will-list li:hover:nth-child(3){background: url(../images/will-iconl3.png)no-repeat center top;} .will-con .will-list li em{font-size: 20px;font-weight: bold;transition: all 0.2s;} .will-con .will-list li p{font-size: 14px;font-family: arial;transition: all 0.2s;} .will-con .will-list li span{font-size: 16px;transition: all 0.2s;} .will-con .will-list li:hover em{color: #428acb;} .will-con .will-list li:hover p{color: #428acb;} .will-con .will-list li:hover span{color: #428acb;} .will-con .title{text-align: center;margin-top: 55px;} .will-con .title em{font-size: 30px;color: #333333;} .will-con .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 5px;} .will-con .will-box{display: flex;justify-content: space-around;margin-top: 4%;} .will-con .will-box li{width: 180px;height: 180px;border-radius: 100%;text-align: center;position: relative;z-index: 10;} .will-con .will-box li img{margin-top: 17%;} .will-con .will-box li p{font-size: 22px;color: #FFFFFF;width: 60%;border-top: 1px dashed #FFFFFF;margin: auto;margin-top: 8%;padding-top: 8px;} .will-con .will-box li span{font-size: 14px;font-family: arial;color: #FFFFFF;position: relative;bottom: 5px;} .will-con .will-box li:nth-child(1){background: #00b7ee;} .will-con .will-box li:nth-child(2){background: #f19ec2;} .will-con .will-box li:nth-child(3){background: #89c997;} .will-con .will-box li:nth-child(4){background: #f6b37f;} .will-con .will-box li .bg{width: 180px;height: 180px;border-radius: 100%;z-index: -1;position: absolute;top: 0px;} .will-con .will-box li:nth-child(1) .bg{animation: mymove 1s infinite;background: #00b7ee;} .will-con .will-box li:nth-child(2) .bg{animation: mymove 1s infinite;background: #f19ec2;} .will-con .will-box li:nth-child(3) .bg{animation: mymove 1s infinite;background: #89c997;} .will-con .will-box li:nth-child(4) .bg{animation: mymove 1s infinite;background: #f6b37f;} @keyframes mymove { 0% { transform: scale(1) } 50%,75% { transform: scale(1.1) } 78%,100% { opacity: 0 } } /*子栏目 3 发展历程*/ .coursr{background: url(../images/coursr-bg.png)no-repeat center;/*height: 1480px;*/overflow: hidden;background-size: cover;padding-bottom: 5%;} .coursr .title{font-size: 36px;color: #333333;text-align: center;margin-top: 5%;text-transform: uppercase;} .coursr .title p{font-size: 14px;font-family: arial;position: relative;bottom: 8px;} .coursr .develop-list{background: url(../images/coursr-fg.png) repeat-y center top ;overflow: hidden;margin-bottom: -65px;margin-top: 5%;} .coursr .fl{margin-left: 8%;margin-top: 7.8%;} .coursr .fl li{margin-top: 15%;} .coursr .fl li:nth-child(1){display: list-item;} .coursr .fl li:nth-child(2){margin-top: 27%;display: list-item;} .coursr .fl li:nth-child(3){margin-top: 27%;display: list-item;} .coursr .fl li .name{width: 340px;height: 160px;background: #FFFFFF;font-size: 14px;color: #333333;position: relative;bottom: 35px;left: 28px;overflow: hidden;} .coursr .fl li .name p{width: 80%;margin: auto;margin-top: 6%;line-height: 30px;} /*.coursr .fl li:nth-child(1){background: url(../images/coursr-icon.png)no-repeat center right;}*/ .coursr .fr li .name{width: 340px;height: 160px;background: #FFFFFF;font-size: 14px;color: #333333;position: relative;bottom: 35px;left: 43px;overflow: hidden;} .coursr .fr{margin-top: 7.5%;margin-right: 6%;} .develo-list li:nth-child(1) .fr{margin-top: 13.5%;margin-right: 6%;} .develo-list li:nth-child(1) .fl{margin-top: 0%;} .coursr .fr li:nth-child(1){display: list-item;} .coursr .fr li:nth-child(2){margin-top: 27%;display: list-item;} .coursr .fr li:nth-child(3){margin-top: 27%;display: list-item;} .coursr .fr li .name p{width: 80%;margin: auto;margin-top: 6%;line-height: 30px;} .coursr .fr li:last-child{display: none;margin-top: 27%;} .coursr .fl li:last-child{display: none;margin-top: 27%;} /*.develo-list li{display: none;}*/ .developmore a{text-align: center;} .developmore a img{width: 78px;} .developmore{position: relative;bottom: 5px;} .develo-list li .fl .name{width: 340px;min-height: 140px;background: #FFFFFF;font-size: 14px;color: #333333;position: relative;bottom: 29px;left: 28px;overflow: hidden;padding-bottom: 20px;} .develo-list li .fr .name{width: 340px;min-height: 140px;background: #FFFFFF;font-size: 14px;color: #333333;position: relative;bottom: 29px;left: 43px;overflow: hidden;padding-bottom: 20px;} .develo-list li .name p{width: 80%;margin: auto;margin-top: 6%;line-height: 30px;} /*子栏目 4 资质认证*/ .proof-pic img{display: block;width: 100%;} .proof-pic p{font-size: 26px;color: #333333;text-align: center;margin-top: 4%;margin-bottom: 5%;} .proof ul{display: flex;justify-content: space-around;} .proof em{font-size: 40px;color: #333333;text-align: center;display: block;margin: 10% 0% 5% 0%;} .proof ul li{font-size: 18px;color: #333333;width: calc(100% / 5);text-align: center;} .proof ul li img{} .proof ul li:nth-child(2){margin-top: 1%;} .proof ul li:nth-child(2) p{margin-top: 9%;} .proof ul li:nth-child(5) p{margin-top: 9%;} .proof ul li:nth-child(3) p{margin-top: 5%;} .proof-line{width: 100%;height: 1px;background: #E6E6E6;display: block;} .proofb{position: relative;margin: 4.5% 0% 5% 0%;} .proof-banner{overflow: hidden;} .proof-banner2{overflow: hidden;} .proof-banner3{overflow: hidden;} .proof-banner4{overflow: hidden;} .proof-banner5{overflow: hidden;} .proofb .swiper-button-next:after,.proofb .swiper-button-prev:after{content: none;} .proofb .swiper-button-next,.proofb .swiper-button-prev{width: 60px;height: 70px;} .proofb .swiper-button-next{right: 7.5%;left: auto;background: url(../images/proof-right.png)no-repeat center #fafafa;} .proofb .swiper-button-prev{left: 7.5%;right: auto;background: url(../images/proof-left.png)no-repeat center #fafafa;} .proofb .swiper-button-next:hover{background: url(../images/proof-rightb.png)no-repeat center #428acb;} .proofb .swiper-button-prev:hover{background: url(../images/proof-leftb.png)no-repeat center #428acb;} .proofb .swiper-slide img{display: block;width: 75%;} .proofb .swiper-container2,.proofb .swiper-container3{width: 100%;height: auto;margin-left: auto;margin-right: auto;overflow: hidden;} .proofb .swiper-slide {float:left;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .proof ul .on p{color: #428acb;} /*子栏目 4 企业文化*/ .by-border{border: none;padding-bottom: 0;} .culture{margin-top: 30PX;background: url(../images/culture-bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;min-height: 100%;} .culture ul{display: flex;flex-wrap: wrap;} .culture ul li{width: calc(100% / 3 - 1px);text-align: center;height: 325px;padding-top: 124px;border: 1px solid rgba(255,255,255,0.2);border-left: none;border-top: none;} .culture ul li:nth-child(6),.culture ul li:nth-child(3){border-right: 0;} .culture ul li img{transition: 0.5s;} .culture ul li:hover img{transform:rotateY(180deg);transition: 0.5s;} .culture ul li em{display: block;font-size: 30px;color: #FFFFFF;margin: 25px 0px 10px 0px;} .culture ul li i{display: block;width: 32px;height: 2px;background: #FFFFFF;margin: auto;margin-bottom: 13px;} .culture ul li p{font-size: 16px;color: #FFFFFF;} /*内页产品与服务 about*/ /*子栏目 1 分类列表*/ .sort-list{display: flex;flex-wrap: wrap;margin-top: 90px;text-transform: uppercase;} .sort-list li{text-align: center;width: calc(100% / 3);margin-bottom: 20px;position: relative;} .sort-list li:last-child{background: #fafafa;width: 31.8%;} .sort-list li img{display: block;width: 95%;} .sort-list li .name{position: absolute;top: 0px;width: 100%;} .sort-list li em{font-size: 28px;color: #333333;font-family: "eras light itc";font-family: "微软雅黑";display: block;margin-top: 50px;} .sort-list li p{color: #333333;font-size: 12px;font-family: arial;position: relative;ottom: 6px;position: relative;bottom: 6px;} .sort-list .ck{width: 145px;height: 49px;border-radius: 25px;text-align: center;line-height: 49px;margin: auto;border: 1px solid #428acb;margin-top: 25px;color: #428acb;font-size: 16px;font-family: "eras light itc";transition: all 0.4s;} .sort-list li:hover .ck{background: #428acb;color: #FFFFFF;} .sort-list li:nth-child(6) em{margin-top: 50%;} .sort-end{background: #fafafa;height: 340px;margin-top: 55px;} .sort-end ul{display: flex;height: 100%;text-transform: uppercase;} .sort-end ul li{width: calc(100% /2);height: 190px;margin-top: 5.4%;} .sort-end ul li:nth-child(1){border-right: 1px solid #b0b0b0;} .sort-end ul li:nth-child(1) .name,.sort-end ul li:nth-child(2) .name{padding-left: 47%;transition: all 0.3s;margin-top: 1%;} .sort-end ul li:nth-child(1) .name{background: url(../images/sort-icon2h.png)no-repeat center left 39%;} .sort-end ul li:nth-child(2) .name{background: url(../images/sort-iconh.png)no-repeat center left 39%;} .sort-end ul li:nth-child(1):hover .name{background: url(../images/sort-icon.png)no-repeat center left 38%;padding-left: 48%;} .sort-end ul li:nth-child(2):hover .name{background: url(../images/sort-icon2.png)no-repeat center left 38%;padding-left: 48%;} .sort-end ul li .name em{color: #333333;font-size: 28px;transition: all 0.4s;} .sort-end ul li:hover .name em{background-image: linear-gradient(to right, #00abeb , #036eb8);-webkit-text-fill-color: transparent;-webkit-background-clip: text;} .sort-end ul li .name p{color: #666666;font-size: 14px;font-family: arial;} .sort-end ul li .ck{width: 145px;height: 49px;border-radius: 25px;border: 1px solid #666666;text-align: center;line-height: 49px;color: #333333;font-size:16px;margin: auto;margin-top: 4.5%;transition: all 0.3s;} .sort-end ul li:hover .ck{color: #428acb;border: 1px solid #428acb;} /*子栏目 2 色彩管控*/ .product-color em{font-size: 40px;color: #428acb;text-align: center;display: block;margin: 55px 0px 30px 0px;} .product-color .pic{background: url(../images/control-bg.jpg)no-repeat center center;height: 450px;font-size: 30px;text-align: center;overflow: hidden;} .product-color .pic p{color: #FFFFFF;width: 60%;margin: auto;margin-top: 12%;} .color-control ul{display: flex;margin-top: 5.3%;} .color-control ul li{width: calc(100% /3);text-align: center;margin-right: 5.5%;} .color-control ul li .pic{border-bottom: 1px solid #cccccc;height: 220px;overflow: hidden;transition: all 0.3s;} .color-control ul li:nth-child(1):hover .pic p{background: url(../images/control-iconb.png)no-repeat center top;padding-top: 25%;color: #FFFFFF;} .color-control ul li:nth-child(2):hover .pic p{background: url(../images/control-iconb2.png)no-repeat center top;padding-top: 25%;color: #FFFFFF;} .color-control ul li:nth-child(3):hover .pic p{background: url(../images/control-iconb3.png)no-repeat center top;padding-top: 25%;color: #FFFFFF;} .color-control ul li:hover .pic{background: #428acb;border: none;} .color-control ul li .pic p{padding-top: 62px;font-size: 24px;color: #333333;margin-top: 12%;transition: all 0.3s;} .color-control ul li:nth-child(1) .pic p{background: url(../images/control-icon.png)no-repeat center top;} .color-control ul li:nth-child(2) .pic p{background: url(../images/control-icon2.png)no-repeat center top;} .color-control ul li:nth-child(3) .pic p{background: url(../images/control-icon3.png)no-repeat center top;} .color-control ul li .name em{background: url(../images/control-icon4.png)no-repeat center left;padding-left: 20px;font-size: 18px;color: #333333;display: inline-block; margin: 7% 0% 3% 0%;} .color-control ul li .name p{font-size: 14px;color: #8c8c8c;margin-bottom: 10%;} .color-control ul li:hover{border: 1px solid #428acb;} .control-end{height: 200px;background: #fcfcfc;line-height: 200px;margin-top: 5%;} .control-end em{font-size: 24px;color: #333333;} .control-end p{font-size: 50px;font-family: arial;color: #428acb;font-weight: bold;background: url(../images/control-kft.png)no-repeat center left;padding-left: 5.4%;} /*子栏目 3 产品列表*/ .product-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e6e6e6;margin-bottom: 60px;margin-top: 45px;} .product-nav ul li{width: 13%;text-align: center;background: url(../images/product-line.png)no-repeat right top 5px;} .product-nav ul li:last-child{background: none;} .product-nav ul li a{position: relative;display: inline-block;height: 40px;font-size: 18px;color: #666666;transition: all 0.3s;} .product-nav ul li.on a,.product-nav ul li a.on{color: #428acb;font-size: 18px;font-weight: bold;} .product-nav ul li:hover a{color: #428ACB;font-weight: bold;transition: all 0.3s;} .product-nav ul li a:hover:after,.product-nav ul li.on a:after,.product-nav ul li a.on:after{width: 100%; left: 0; transition:0.6s;} .product-nav ul li a:after{position: absolute; content: ''; width: 0; height: 2px; background: #428acb;bottom: -1px;left: 50%;} .product-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .product-list ul:after{content: '';width: 31%;} .product-list ul li{width: calc(100% / 3.23);margin-bottom: 5%;} .product-list ul li .pic a{display: inline-block;margin-left: 8%;margin-right: 8%;font-size: 18px;color: #FFFFFF;margin-top: 4%;width: 100%;} .product-list ul li .name{margin-top: 3%;padding-bottom: 10%;transition: all 0.3s;border-bottom: 2px solid #cccccc;} /*.product-list ul li .name{margin-top: 3%;padding-bottom: 3%;transition: all 0.3s;border-bottom: 2px solid #cccccc;background: url(../images/24gl-arrowRight.png)no-repeat right top 25px;}*/ .product-list ul li .name em{font-size: 17px;color: #333333;font-weight: bold;transition: all 0.2s;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .product-list ul li .name span{font-size: 12px;font-family: arial;color: #888888;line-height: 35px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} /*.product-list ul li .name span{font-size: 13px;font-family: arial;color: #888888;line-height: 35px;width: calc(100% / 2 - 30px);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;float: none;}*/ .product-list ul li:hover .name em{color: #428acb;} .product-list ul li:hover .name{border-bottom: 2px solid #428acb;padding-bottom: 10%;} /*子栏目 4 产品详情*/ .xx{border-bottom: 2px solid #428ACB;height: 65px;margin-bottom: 1px;} .xx .fr{width: 255px;height: 50px;background: url(../images/select-sj.png)no-repeat center right 13% #FAFAFA;border: 1px solid #e6e6e6;color: #428acb;font-size:14px;border-radius: 6px;outline: none;transition: all 0.3s;margin-top: 5px;} .xx .fr a{opacity: 0;transition: 0.4s;line-height: 40px;padding-left:11.7%;background: #fafafa;margin-top: 4%;border: 1px solid #e6e6e6;width: 88%;z-index: 999;position: relative;} .xx .fr a:hover{color: #428acb;} .xx .fr option{margin-top: 6%;padding-left:11.7%;} .xx .fr:hover a{opacity: 1} .product-xq .fl{padding: 0px 10px;height: 65px;font-size: 22px;background: #428acb;color: #FFFFFF;text-align: center;line-height: 65px;} .product-xq select{appearance: none;width: 255px;height: 50px;background:url(../images/select-sj.png)no-repeat center right 13% #FAFAFA;border: 1px solid #e6e6e6;color:#428acb;font-size: 14px;padding-left: 1.7%;border-radius: 6px;outline: none;transition: all 0.3s;margin-top: 5px;} .product-tx .fl{width: 300px;height: 65px;font-size: 22px;background:url(../images/product-tx.png)no-repeat center left 30% #428acb;color: #FFFFFF;text-align: center;line-height: 65px;padding-left: 4%;} .product-cs .fl{width: 300px;height: 65px;font-size: 22px;background:url(../images/product-cs.png)no-repeat center left 20% #428acb;color: #FFFFFF;text-align: center;line-height: 65px;padding-left: 4%;} .product-wl .fl{width: 300px;height: 65px;font-size: 22px;background:url(../images/product-wl.png)no-repeat center left 30% #428acb;color: #FFFFFF;text-align: center;line-height: 65px;padding-left: 4%;} .product-ly .fl{width: 300px;height: 65px;font-size: 22px;background:url(../images/product-ly.png)no-repeat center left 30% #428acb;color: #FFFFFF;text-align: center;line-height: 65px;padding-left: 4%;} .xq-bg { background: #fafafa; padding-bottom: 4%; padding-top: 3%; } /*子栏目 5 PC板加工*/ .pc-nav ul{margin-bottom: 0px;} .product-pc{background: url(../images/pc-bg.jpg)no-repeat center center;height: 640px;overflow: hidden;background-size: cover;} .product-pc .title{text-align: center;color: #333333;font-size: 36px;margin-top: 4.5%;} .product-pc .title p{color: #808080;font-size: 20px;} .product-pc ul{display: flex;margin-top: 3.3%;} .product-pc ul li{width: calc(100% / 7);} .product-pc ul li .pic{width: 90px;height: 90px;border-radius: 100%;text-align: center;border: 1px solid rgba(79,145,206,0);transition: all 0.4s;margin: auto;} .product-pc ul li .pic .img{width: 80px;height: 80px;text-align: center;line-height: 80px;background: #428acb;border-radius: 100%;padding-top: 1%;margin: 5px;position: relative;} .product-pc ul li .pic .img img{margin-top: 20%;} .product-pc ul li .name{font-size: 18px;color: #428ACB;text-align: center;} .product-pc ul li .name em{display: block;margin-top:10% ;} .product-pc ul li .name p{font-size: 14px;color: #428ACB;font-family: arial;} .product-pc ul li .content{width: 300px;height: 160px;background: #f2f2f2;border: 8px solid rgba(214,212,211);opacity: 0;transition: all 0.4s;position: relative;right: 29%;top: 7%;} .product-pc ul li:hover .content{opacity: 1;} .product-pc ul li .content ul{display: block;margin-top: 14%;} .product-pc ul li:nth-child(2) .content ul{display: block;margin-top: 3%;} .product-pc ul li .content ul li{list-style: disc;width: 85%;margin-left: 15%;font-size: 16px;color: #333333;line-height: 35px;} .product-pc ul li .pic .img .line{position: absolute;left: -1px;top: -1px;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #428acb;} .product-pc ul li .pic .img .line:nth-child(2){animation-delay: 1s;-webkit-animation-delay: 1s;-o-animation-delay: 1s;-moz-animation-delay: 1s;} @keyframes circle {100% {opacity: 0;transform: scale(1.5,1.5);}} @-webkit-keyframes circle {100% {opacity: 0;-webkit-transform: scale(1.5,1.5);}} @-o-keyframes circle {100% {opacity: 0;-o-transform: scale(1.5,1.5);}} @-moz-keyframes circle {100% {opacity: 0;-moz-transform: scale(1.5,1.5);}} .product-pc ul li:hover .pic .img .line{ animation-play-state: running; -webkit-animation-play-state: running; -o-animation-play-state: running; -moz-animation-play-state: running; animation-name: circle; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: circle; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -o-animation-name: circle; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -moz-animation-name: circle; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } .pc-banner{position: relative;overflow: hidden;} .pc-banner .swiper-slide img{display: block;width: 100%;transition: 0.4s;} .pc-banner .swiper-slide .pic{overflow: hidden;} .pc-banner .swiper-slide:hover img{transform: scale(1.1);} .pc-banner .swiper-button-next:after,.pc-banner .swiper-button-prev:after{content: none;} .pc-banner .swiper-button-next,.pc-banner .swiper-button-prev{width: 50px;height: 60px;} .pc-banner .swiper-button-next{right: 7.5%;left: auto;background: url(../images/proof-right.png)no-repeat center #fafafa;} .pc-banner .swiper-button-prev{left: 7.5%;right: auto;background: url(../images/proof-left.png)no-repeat center #fafafa;} .pc-banner .swiper-button-next:hover{background: url(../images/proof-rightb.png)no-repeat center #428acb;} .pc-banner .swiper-button-prev:hover{background: url(../images/proof-leftb.png)no-repeat center #428acb;} .slide-banner{overflow: hidden;} .pc-banner .swiper-button-next,.pc-banner .swiper-button-prev{top: 58.5%;} .slide-banner .title{font-size: 36px;color: #333333;margin-top: 5%;text-align: center;margin-bottom: 35px;} .slide-banner .title p{font-size: 14px;font-family: arial;position: relative;bottom: 7px;} .slide-banner .swiper-wrapper .name{height: 80px;background: #428acb;text-align: center;line-height: 80px;font-family: arial;font-size: 18px;color: #FFFFFF;} .slide-banner .swiper-wrapper{margin-bottom: 92px;} /*核心能力 about*/ /*子栏目 1 技术研发*/ .core .title{text-align: center;margin-top: 4%;margin-bottom: 3%;} .core .title em{font-size: 36px;color: #333333;} .core .title p{font-size: 14px;color: #333333;font-family: arial;position: relative;bottom: 7px;text-transform: uppercase;} .core ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .core ul li{margin-bottom: 5%;width: calc(100% / 5 - 2%);} .core ul li .pic img{display: block;width: 100%;transition: 0.4s;} .core ul li .pic{overflow: hidden;} .core ul li:hover img{transform: scale(1.1)} .core ul li .name{text-align: center;height: 50px;line-height: 50px;color: #666666;font-size: 15px;background: #fafafa;} .core ul li:hover .name{color: #428acb;} /*子栏目 2 产品创新*/ .lnnovation .title{text-align: center;margin-top: 4%;margin-bottom: 3%;} .lnnovation .title em{font-size: 36px;color: #333333;} .lnnovation .title p{font-size: 14px;color: #333333;font-family: arial;position: relative;bottom: 7px;} .lnnovation-list{display: flex;flex-wrap: wrap;justify-content: space-between;} .lnnovation-list li{width: calc(100% / 4 - 2%);overflow: hidden;margin-bottom: 4%;} .lnnovation-list li .bg{width: 100%;height: 100%;position: absolute;top: 0;background: rgba(251,251,251,0);z-index: 0;transition: all 0.4s;} .lnnovation-list li:hover .bg{background: rgba(251,251,251,0.7);} .lnnovation-list li .info{height: 400px;position: relative;z-index: 2;} .lnnovation-list li .name{text-align: center;height: 89.5px;padding-top: 3%;background: rgba(255,255,255,0.6);transition: all 0.4s;position: relative; left: 0;} .lnnovation-list li .name em{font-size: 24px;color: #333333;font-family: "微软雅黑";} .lnnovation-list li .name p{font-size: 14px;font-family: arial;color: #333333;text-transform: uppercase;} .lnnovation-list li:last-child{background: #fafafa;} .lnnovation-list li .end{text-align: center;height: 89.5px;padding-top: 50%;background: #fafafa;transition: all 0.4s;position: relative; left: 0;line-height: 1.9;} .lnnovation-list li .end em{font-size: 24px;color: #333333;font-family: "微软雅黑";} .lnnovation-list li .end p{font-size: 14px;font-family: arial;color: #333333;} .lnnovation-list li .names{text-align: center;height: 89.5px;padding-top: 3%;transition: all 0.4s;margin-top: 10%;position: relative; right: 340px;z-index: 10;} .lnnovation-list li .names em{font-size: 24px;color: #333333;font-family: "微软雅黑";} .lnnovation-list li .names p{font-size: 14px;font-family: arial;color: #333333;text-transform: uppercase;} .lnnovation-list li .info .box{width: 100px;height: 100px;text-align: center;background: #FFFFFF;border-radius: 100%;margin: auto;opacity: 0;transition: all 0.4s;position: relative;bottom: 11px;z-index: 10;} .lnnovation-list li:hover .info .box{opacity: 1;} .lnnovation-list li .info .box img{margin-top: 25%;} .lnnovation-list li:hover .name{position: relative;left: -330px;background: rgba(255,255,255,0);} .lnnovation-list li:hover .names{position: relative;right: 0px;} /*子栏目 3 生产规模*/ .scale{background: url(../images/scale-bg.jpg)no-repeat center center;height: 1040px;overflow: hidden;} .scale-sz{display: flex;margin-top: 3%;} .scale-sz li{width: calc(100% / 7);text-align: center;border-right: 1px dashed #cccccc;} .scale-sz li:last-child{border-right: none;} .scale-sz li em{font-family: "bebas";font-size: 76px;color: #428acb;} .scale-sz li span{font-size: 22px;color: #428ACB;position: relative;bottom: 29%;left: 3%;} .scale-sz li p{font-size: 22px;color: #333333;} @font-face { font-family:'bebas'; src: url('../fonts/BEBAS.TTF'); } .scale .title em{color: #428ACB;font-size: 70px;text-align: center;display: block;font-weight: 900;margin-top: 5%;} .scale .title ul{display: flex;justify-content: space-between;text-align: center;flex-wrap: wrap;} .scale .title ul li em{font-family: impact;display: inline;font-weight: normal;} .scale .title ul li span{font-size: 14px;color: #428acb;position: relative;bottom: 25%;left: 4%;} .scale .title ul li p{font-size: 22px;color: #333333;} /*子栏目 4 质量标准*/ .standard{background: url(../images/standard-bg.jpg)no-repeat center center;height: 660px;overflow: hidden;} .standard .info em{font-size: 46px;color: #333333;display: block;margin-top: 12%;} .standard .info i{display: block;width: 50px;height: 3px;background: #428acb;margin: 1% 0% 3.3% 0%;} .standard .info p{color: #666666;font-size: 18px;width: 51%;line-height: 45px;} .standard-attest{background: url(../images/standard-bg2.jpg)no-repeat center center;height: 500px;overflow: hidden;background-size: cover;} .standard-attest .title{color: #FFFFFF;font-size: 36px;text-align: center;margin-top: 5%;margin-bottom: 3.5%;} .standard-attest .title p{font-size: 14px;font-family: arial;color: #FFFFFF;position: relative;bottom: 8px;} .standard-attest ul{display: flex;border-right: 1px solid #fff;} .standard-attest ul li{width: calc(100% / 5);text-align: center;height:200px;background: rgba(255,255,255,0.1);border: 1px solid #FFFFFF;border-right: none;} .standard-attest ul li img{margin-top: 12%;transition: 0.5s;} .standard-attest ul li:hover img{transform: rotateY(180deg);} .standard-attest ul li:nth-child(2) img{margin-top: 20%;} .standard-attest ul li:nth-child(3) img{margin-top: 19%;} /*产品应用 use*/ .product-use{background: #fafafa;overflow: hidden;} .product-use .title{font-size: 36px;color: #333333;text-align: center;margin-top: 3%;} .product-use .title p{color: #333333;font-size: 14px;font-family: arial;text-transform: uppercase;} .use-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4%;} .use-list li{width: calc(100% / 3 - 25px);margin-bottom: 2.5%;} .use-list li .pic img{display: block;width: 100%;} .use-list li .icon p{width: 90px;height: 90px;margin: auto;border-radius: 100%;margin-top: 7%;overflow: hidden;} .use-list li .icon p img{margin-top: 25%;} .use-list li .name .icon{width: 110px;height: 110px;background: #FFFFFF;border-radius: 100%;text-align: center;line-height: 119px;position: relative;bottom: 54px;margin: auto; margin-bottom: -54px;overflow: hidden;} .use-list li .name{background: white;height: 100%;text-align: center;} .use-list li .name em{color: #333333;font-size: 24px;font-weight: bold;display: block;margin-top: 6%;} .use-list li .name p{color: #333333;font-size: 18px;} .use-list li .name .ck{height: 70px;line-height: 70px;border-top: 1px solid #e6e6e6;padding: 0px 8%;margin-top: 10%;background: linear-gradient(to right, #428acb 50%, white 50%);background-size: 205% 100%;background-position: right bottom;transition: all 0.6s ease;overflow: hidden;} .use-list li .name .ck span{color: #333333;font-size: 18px;} .use-list li .name .ck dfn{margin-top: 7%;background: url(../images/use-arrow.png)no-repeat center center;width: 24px;height: 16px;} .use-list li:hover .name .ck{background-position: left bottom;} .use-list li:hover .name .ck span{color: white;} /*.use-list li:hover .name .ck dfn{background: url(../images/use-arrowb.png)no-repeat center center;}*/ .use-list li:hover .name .ck dfn{transform: translateY(-50px);filter: drop-shadow(#fff 0 50px);} /*.use-list li:hover .icon p{background:url(../images/use-iconb.png)no-repeat center center #42s8ACB;}*/ .use-list li:hover .icon p img{transform: translateY(-80px);filter: drop-shadow(#fff 0 80px);} .use-list li:hover .icon p{background: #428ACB;} /*产品应用 use*/ /*子栏目 2 农业温室*/ .indoor .title{font-size: 36px;color: #333333;text-align: center;margin-top: 5%;} .indoor .title p{color: #666666;font-size: 18px;width: 68%;margin: auto;text-align: center;line-height: 43px;margin-top: 40px;} .indoor-list{display: flex;margin-top: 90px;margin-bottom: 74px;justify-content: center;} .indoor-list li{width: calc(100% / 5);text-align: center;} .indoor-list li .pic{width: 130px;height: 130px;margin: auto;border-radius: 100%;border: 1px solid rgba(66,138,203,0);transition: all 0.3s;} .indoor-list li .pic .icon{width: 120px;height: 120px;background: #428acb;text-align: center;line-height: 148px;border-radius: 100%;margin: 5px;position: relative;} .indoor-list li .pic .icon img{margin-top: 30%;} .indoor-list li p{font-size: 18px;color: #333;margin-top: 10%;} .indoor-banner{height: 650px;background: url(../images/indoor-bg.jpg)no-repeat center center;overflow: hidden;} .indoor-banner .swiper-slide{height: 100%;padding-bottom: 6%;} .indoor-banner .swiper-slide .pic p{font-size: 18px;color: #FFFFFF;width: 45%;text-align:center;margin: auto;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;padding: 4% 0%;} .indoor-banner .title{color: #333333;font-size: 36px;text-align: center;margin-top: 70px;margin-bottom: 60px;} .indoor-banner .title p{font-size: 14px;font-family: arial;color: #333333;} .indoor-banner .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 25px;opacity: 1;background: #428acb;margin-right: 5px;} .indoor-banner .swiper-pagination-bullet-active {width: 40px;height: 10px;background: #428acb;} .indoor-list li .pic .icon .line{position: absolute;left: -1px;top: -1px;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #428acb;} .indoor-list li .pic .icon .line:nth-child(2){animation-delay: 1s;-webkit-animation-delay: 1s;-o-animation-delay: 1s;-moz-animation-delay: 1s;} .indoor-list li:hover .pic .icon .line{ animation-play-state: running; -webkit-animation-play-state: running; -o-animation-play-state: running; -moz-animation-play-state: running; animation-name: circle; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: circle; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -o-animation-name: circle; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -moz-animation-name: circle; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } /*媒体中心 media*/ /*子栏目 1 视频中心 video*/ .media-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e6e6e6;margin-bottom: 60px;margin-top: 45px;} .media-nav ul li{width: 13%;text-align: center;background: url(../images/product-line.png)no-repeat right top 5px;} .media-nav ul li:last-child{background: none;} .media-nav ul li a{position: relative;display: inline-block;height: 40px;font-size: 18px;color: #666666;transition: all 0.3s;} .media-nav ul li.on a{color: #428acb;font-size: 18px;font-weight: bold;} .media-nav ul li:hover a{color: #428ACB;font-weight: bold;transition: all 0.3s;} .media-nav ul li a:hover:after,.media-nav ul li.on a:after{width: 100%; left: 0; transition:0.6s;} .media-nav ul li a:after{position: absolute; content: ''; width: 0; height: 2px; background: #428acb;bottom: -1px;left: 50%;} .media ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5.5%;} .media ul li{margin-bottom: 4%;width: calc(100% / 4 - 1%);} .media ul li .video{position: relative;} .media ul li .video:after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);display: none;} .media ul li:hover .video:after,.media ul li:hover .video .sj{display: block;} .media ul li .video .sj{position: absolute;top: 45%;width: 35px;left: 46%;background: #fff;height: 35px;border-radius: 100%;z-index: 10;display: none;} .media ul li .video .sj p{ width:0;height:0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 12px solid rgba(0,0,0,0.5);margin: auto;margin-top: 10px;} .media ul li video{width: 96%;} .media ul li .name{overflow: hidden;margin-top: 6px;width: 96%;} .media ul li .name em{font-size: 16px;color: #333333;transition: all 0.3s;} .media ul li .name span{font-size: 14px;color: #cccccc;font-family: arial;float: right;} .media ul li:hover .name em{color: #428acb;} /*子栏目 2 新闻中心 video*/ .news{background: #FAFAFA;overflow: hidden;} .news ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3.5%;} .news ul li{margin-bottom: 2.5%;width: calc(100% / 3 - 1.5%);} .news ul li .pic{overflow: hidden;} .news ul li .pic img{width: 100%;display: block;transition: all 0.4s;} .news ul li .pic:hover img{transform: scale(1.1);} .news ul li .name{overflow: hidden;background: #fff;} .news ul li .name em{font-size: 18px;color: #333333;transition: all 0.3s;display: inline-block;margin: 20px 25px 5px 25px} .news ul li .name p{font-size: 14px;color: #666666;margin: 0px 25px 0px 25px} .news ul li .name .data em{font-size: 16px;float: left;margin: 0px 0px 0px 25px;} .news ul li .name .data{margin-top: 15px;padding-bottom: 52px;} .news ul li .name span{font-size: 14px;color: #cccccc;font-family: arial;float: right;margin: 0px 25px 0px 25px} .news ul li:hover .name em{color: #428acb;} .news ul li:hover .name .data span{color: #428acb;} .news-banner {position: relative;overflow: hidden;margin-bottom: 3.5%;} .news-banner .pic{width: 50%;} .news-banner .ny-container{background: #FAFAFA;} .news-banner .pic img{width: 100%;display: block;} .news-banner .name{width: 50%;} .news-banner .name strong{font-size: 24px;color: #333333;display: block;margin: 13% 0% 3.4% 7%;font-weight: normal;} .news-banner .name p{font-size: 16px;color: #666666;font-family: "copperplate gothic light";line-height: 32px;margin: 0% 7% 4.4% 7%;text-align: justify;} .news-banner .name .data{margin: 0% 7% 2.5% 7%;} .news-banner .name .data em,.news-banner .name .data span{font-size: 14px;color: #666666;font-family: arial;} .news-banner .name .data span{float: right;} .news-banner .swiper-button-next:after,.news-banner .swiper-button-prev:after{content: none;} .news-banner .swiper-button-next,.news-banner .swiper-button-prev{width: 50px;height: 60px;border: 1px solid #e6e6e6;} .news-banner .swiper-button-next{right: 7%;left: auto;background: url(../images/news-right.png)no-repeat center;} .news-banner .swiper-button-prev{left: 7%;right: auto;background: url(../images/news-left.png)no-repeat center;} .news-banner .swiper-button-next:hover{background: url(../images/news-rightb.png)no-repeat center #428acb;} .news-banner .swiper-button-prev:hover{background: url(../images/news-leftb.png)no-repeat center #428acb;} /*联系我们*/ .connect{width: 100%;height: 440px;margin: 75px 0px;} .connect .ny-container{padding: 10px;box-shadow: 0px 0px 4px 6px #FAFAFA;} .connect .fl{width: 32.4%;height: 440px;padding-left: 2.6%;background: #fafafa;} .connect .fl dt{font-size: 20px;font-weight: bold;color: #428acb;margin-top: 7%;margin-bottom: 5%;} .connect .fl dd{font-size: 16px;color: #333333;padding-left: 40px;line-height: 49px;} .connect .fl dd:nth-child(2){background: url(../images/connect-icon.png)no-repeat center left;} .connect .fl dd:nth-child(3){background: url(../images/connect-icon2.png)no-repeat center left 2px;} .connect .fl dd:nth-child(4){background: url(../images/connect-icon3.png)no-repeat center left;} .connect .fl dd:nth-child(5){background: url(../images/connect-icon4.png)no-repeat center left 3px;} .connect .fl dd:nth-child(6){background: url(../images/connect-icon5.png)no-repeat center left;} .connect .fl dd:nth-child(7){background: url(../images/connect-icon6.png)no-repeat center left;} .connect .fr{width: 65%;} .connect .fr iframe{width: 100%;height: 440px; border: none;} /*内页分类居中*/ .ny-right .pagelist{text-align: center;margin-top: 20px;} .rows{border: 1px solid #999999;padding: 2px;} .pagelist{text-align: center;/*display: block;*/margin-bottom: 4%;} .media .pagelist{text-align: center;/*display: block;*/margin-bottom: 6%;} .news .pagelist{text-align: center;/*display: block;*/margin-bottom: 6%;} .pagelist .first{border: 1px solid #fafafa;padding: 10px 35px;font-size: 14px;display: inline;border-radius: 7px;margin-right: 10px;} .media .pagelist .first{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;display: inline;border-radius: 7px;margin-right: 10px;} .news .pagelist .first{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;display: inline;border-radius: 7px;margin-right: 10px;} .pagelist .current{border: 1px solid #fafafa;padding: 10px 15px;border-radius: 7px;} .pagelist .num{border: 1px solid #fafafa;padding: 10px 15px;font-size: 14px;margin-left: 11px;display: inline;border-radius: 7px;} .news .num{border: 1px solid #dddddd;padding: 10px 15px;font-size: 14px;margin-left: 11px;display: inline;border-radius: 7px;} .pagelist .end{border: 1px solid #fafafa;padding: 10px 35px;font-size: 14px;background: none;color: #333;display: inline;border-radius: 7px;margin-left: 10px;} .media .pagelist .end{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;background: none;color: #333;display: inline;border-radius: 7px;margin-left: 10px;} .news .pagelist .end{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;background: none;color: #333;display: inline;border-radius: 7px;margin-left: 10px;} .pagelist .on{background: #277bd1;color: #FFFFFF;border: 1px solid #277bd1;} .wap-foot{background: #000000;text-align: center;height: 380px;line-height: 39px;overflow: hidden;display: none;} .wap-foot em{width:154px;background: url(../images/wap-icon.png)no-repeat left center;padding-left: 42px;font-size:24px;font-weight: bold;font-family: arial;display: block;color: #FFFFFF;margin: auto;margin-top: 35px;margin-bottom: 10px;} .wap-foot p,.wap-foot span{font-size: 14px;color: #FFFFFF;} .wap-fl,.wap-ys{width: 125px;height: 40px;background: #333333;display: inline-block;border-radius: 5px;margin: 20px 5px;} .ly{background: rgba(0,0,0,0.6);position: fixed;top: 0;width: 100%;height: 100%;z-index: 999;} .ly-box{width: 70%;height: 712px;background: #FFFFFF;margin: auto;overflow: hidden;margin-top: 130px;} .ly-box span{font-size: 26px;font-weight: bold;color: #333333;border-bottom: 1px solid #f5f5f5;padding-bottom: 15px;margin-top: 50px;margin-left: 5%;display: block;} .ly-box em{font-size: 26px;color: #333333;margin-top: 25px;margin-left: 5%;display: block;} .ly-box p{font-size: 16px;color: #333333;margin-left: 5%;display: block;margin-right: 5%;text-align: justify;} .ly-box input{display: block;width: 82%;height: 50px;border-radius: 25px;margin: 20px;margin-left: 5%;border: 1px solid #f5f5f5;padding-left: 25px;font-size: 14px;} .ly-box input:nth-child(1){background: url(../images/ly-name.png)no-repeat center right 20px #F5F5F5;} .ly-box input:nth-child(2){background: url(../images/ly-phone.png)no-repeat center right 20px #F5F5F5;} .ly-box input:nth-child(3){background: url(../images/ly-mailbox.png)no-repeat center right 20px #F5F5F5;} .ly-box input:nth-child(4){background: url(../images/ly-gsname.png)no-repeat center right 20px #F5F5F5;} .ly-box textarea{font-size: 14px; width: 82%;height: 122px;border-radius: 25px;border: none;background: url(../images/ly-news.png)no-repeat bottom 10px right 20px #F5F5F5;padding-top:15px;padding-left:25px;margin-left: 5%;} .ly-box .submit{width: 135px;height: 45px;background: #b82b21;text-align: center;line-height: 45px;margin: auto;font-size: 18px;font-weight: bold;color: #FFFFFF;margin-top: 34px;padding-right: 22px;} #header-right{background: url(../images/x.png)no-repeat center;height: 22px;position: relative;left: 44%;top: 23px;cursor: pointer;} /*产品详情*/ .firstRow1 img{display: block;width: 100%;} .product-ly .firstRow td img{display: block;width: 100%;} .product-ly .firstRow{display: flex;flex-wrap: wrap;} .product-ly .firstRow td{width: calc(100% / 5 - 10px);text-align: center;margin-bottom: 10px;margin-right: 12px;} .product-ly .firstRow td:last-child{margin-right: 0px;}